<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="renderer" content="webkit">
	<meta name="viewport" content="width=device-width" />
	<meta name="author" content="www.lzqcode.com" />
	<meta name="robots" content="all" />
	<title>我的博客</title>
	<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
	<link rel="stylesheet" href="layui/css/layui.css" />
	<link rel="stylesheet" href="css/master.css" />
	<link rel="stylesheet" href="css/gloable.css" />
	<link rel="stylesheet" href="css/nprogress.css" />
	<link rel="stylesheet" href="css/blog.css" />
</head>

<body>
	<div class="header">
	</div>
	<header class="gird-header">
		<div class="header-fixed">
			<div class="header-inner">
				<a href="javascript:void(0)" class="header-logo" id="logo">yuyi</a>
				<nav class="nav" id="nav">
					<ul>
						<li><a href="index.html">首页</a></li>
						<li><a href="article.html">项目经历</a></li>
						<!-- <li><a href="message.html">留言</a></li> -->
						<!-- <li><a href="diary.html">日记</a></li> -->
						<!-- <li><a href="link.html">友链</a></li> -->
					</ul>
				</nav>
				<!-- <a href="/User/QQLogin" class="blog-user">
					<i class="fa fa-qq"></i>
				</a> -->
				<a class="phone-menu">
					<i></i>
					<i></i>
					<i></i>
				</a>
			</div>
		</div>
	</header>
	<div class="doc-container" id="doc-container">
		<div class="container-fixed">
			<div class="col-content" style="width: 100%;">
				<div class="inner">
					<article class="article-list bloglist" id="LAY_bloglist">
						<section class="article-item zoomIn article">
							<div class="fc-flag">置顶</div>
							<h5 class="title">
								<span class="fc-blue">【迪迈】</span>
								<a href="read.html">卡车调度研发项目</a>
							</h5>
							<div class="time">
								<!-- <span class="day">1</span>
								<span class="month fs-18">7<span class="fs-14">月</span></span>
								<span class="year fs-18 ml10">2020</span> -->
							</div>
							<div class="content">
								<a href="" class="cover img-light">
									<img src="image/diaodu.png" style="width: 100%;">
								</a>
								<strong>卡车化调度系统</strong>
								是我在迪迈公司负责的一个研发项目,该项目是与希迪智驾深度合作，经过华为安全认证的大型项目，项目是由前端Vue技术栈开发，后端是由java联合c++语言合作开发，还结合python数据化处理以及three.js技术做了三维地图开发。我负责该项目前端部分模块（主要在调度台）前端任务。前后端与java进行http交互，与c++进行mqtt通讯。前端开发部分由于项目数据量比较大，对于javascript能力有所锻炼，以及大型项目编程思维的改观。秉承负责任的态度，对于项目进行最大可能的优化，给公司创造收益。
							</div>
							<div class="read-more">
								<!-- <a href="read.html" class="fc-black f-fwb">继续阅读</a> -->
							</div>
							<aside class="f-oh footer">
								<div class="f-fl tags">
									<span class="fa fa-tags fs-16"></span>
									<a class="tag">项目经历</a>
								</div>
								<div class="f-fr">
									<span class="read">
										<i class="fa fa-eye fs-16"></i>
										<i class="num">213</i>
									</span>
									<span class="ml20">
										<i class="fa fa-comments fs-16"></i>
										<a href="javascript:void(0)" class="num fc-grey">1</a>
									</span>
								</div>
							</aside>
						</section>
						<section class="article-item zoomIn article">
							<!-- <div class="fc-flag">置顶</div> -->
							<h5 class="title">
								<span class="fc-blue">【迪迈】</span>
								<a href="">山东黄金（三山岛金矿）项目</a>
							</h5>
							<div class="time">
								<!-- <span class="day">1</span>
								<span class="month fs-18">7<span class="fs-14">月</span></span>
								<span class="year fs-18 ml10">2020</span> -->
							</div>
							<div class="content">
								<a href="" class="cover img-light">
									<img src="image/manage.jpg" style="width: 100%;">
								</a>
								<strong>山东黄金（三山岛金矿）项目</strong>
								这是我做的一个交付项目,参与了PC端管理系统的决策分析模块的开发，利用了父子组件传值，封装了一个dialog弹出框，实现对表格的编辑以及新增操作。对弹窗框的对象进行操作，利用标签的key值实现该标签不同的显示效果。该项目有一个大屏项目，利用微前端架构，将多个项目集成在一个入口里面。大屏用的技术栈使用的是vue的继承extend写法，结合typescript超集，对数据进行检验。手机端是使用uniapp进行的安卓打包，将后端数据进行charts图表显示
							</div>
							<div class="read-more">
								<!-- <a href="read.html" class="fc-black f-fwb">继续阅读</a> -->
							</div>
							<aside class="f-oh footer">
								<div class="f-fl tags">
									<span class="fa fa-tags fs-16"></span>
									<a class="tag">项目经历</a>
								</div>
								<div class="f-fr">
									<span class="read">
										<i class="fa fa-eye fs-16"></i>
										<i class="num">213</i>
									</span>
									<span class="ml20">
										<i class="fa fa-comments fs-16"></i>
										<a href="javascript:void(0)" class="num fc-grey">1</a>
									</span>
								</div>
							</aside>
						</section>
						<section class="article-item zoomIn article">
							<!-- <div class="fc-flag">置顶</div> -->
							<h5 class="title">
								<span class="fc-blue">【迪迈】</span>
								<a href="">梅山铁矿技术协同平台</a>
							</h5>
							<div class="time">
								<!-- <span class="day">1</span>
								<span class="month fs-18">7<span class="fs-14">月</span></span>
								<span class="year fs-18 ml10">2020</span> -->
							</div>
							<div class="content">
								<a href="" class="cover img-light">
									<img src="image/jsxt.jpg" style="width: 100%;">
								</a>
								<strong>梅山铁矿技术协同平台</strong>
								该平台作为b/c架构平台，主要是用elementui开发的管理系统，他与公司桌面端应用进行通讯，作为公司产品的旗舰版发售，主要是作为矿山工作人员以及领导之间的业务交流，设计到业务和角色方面。我作为项目前端人员开发了部分页面以及项目的维保工作。
							</div>
							<div class="read-more">
								<!-- <a href="read.html" class="fc-black f-fwb">继续阅读</a> -->
							</div>
							<aside class="f-oh footer">
								<div class="f-fl tags">
									<span class="fa fa-tags fs-16"></span>
									<a class="tag">项目经历</a>
								</div>
								<div class="f-fr">
									<span class="read">
										<i class="fa fa-eye fs-16"></i>
										<i class="num">21</i>
									</span>
									<span class="ml20">
										<i class="fa fa-comments fs-16"></i>
										<a href="javascript:void(0)" class="num fc-grey">1</a>
									</span>
								</div>
							</aside>
						</section>
						<section class="article-item zoomIn article">
							<!-- <div class="fc-flag">置顶</div> -->
							<h5 class="title">
								<span class="fc-blue">【迪迈】</span>
								<a href="">大数据显示屏</a>
							</h5>
							<div class="time">
								<!-- <span class="day">1</span>
								<span class="month fs-18">7<span class="fs-14">月</span></span>
								<span class="year fs-18 ml10">2020</span> -->
							</div>
							<div class="content">
								<a href="" class="cover img-light">
									<img src="image/daping.jpg" style="width: 100%;">
								</a>
								<strong>大数据显示屏</strong>
								该屏主要是给矿山领导观看矿山生产数据展示用的，前端引入了echarts技术，做到模块化开发，对于数据的更新，以及图表的显示有较高的要求。在迪迈公司，我开发过两块大屏，三山岛大屏运用的是Vue的继承类写法结合typescript做到数据校验，类似于写react的做法，华润安联大屏由我和售前独立负责。和后端紧密联系，完成了领导安排的工作任务，完成了项目的交付。
							</div>
							<div class="read-more">
								<!-- <a href="read.html" class="fc-black f-fwb">继续阅读</a> -->
							</div>
							<aside class="f-oh footer">
								<div class="f-fl tags">
									<span class="fa fa-tags fs-16"></span>
									<a class="tag">项目经历</a>
								</div>
								<div class="f-fr">
									<span class="read">
										<i class="fa fa-eye fs-16"></i>
										<i class="num">21</i>
									</span>
									<span class="ml20">
										<i class="fa fa-comments fs-16"></i>
										<a href="javascript:void(0)" class="num fc-grey">1</a>
									</span>
								</div>
							</aside>
						</section>
						<section class="article-item zoomIn article">
							<!-- <div class="fc-flag">置顶</div> -->
							<h5 class="title">
								<span class="fc-blue">【创业】</span>
								<a href="">水果店小程序</a>
							</h5>
							<div class="time">
								<!-- <span class="day">1</span>
								<span class="month fs-18">7<span class="fs-14">月</span></span>
								<span class="year fs-18 ml10">2020</span> -->
							</div>
							<div class="content">
								<a href="" class="cover img-light">
									<img src="image/shuiguo.png" style="width: 100%;">
								</a>
								<!-- <strong>水果店小程序</strong>
								1 -->
							</div>
							<h5 class="title">
								<span class="fc-blue">【创业】</span>
								<a href="">咖啡点餐小程序</a>
							</h5>
							<div class="content">
								<a href="" class="cover img-light">
									<img src="image/kafei.png" style="width: 100%;">
								</a>
								<!-- <strong>水果店小程序</strong>
								1 -->
							</div>
							<h5 class="title">
								<span class="fc-blue">【创业】</span>
								<a href="">毕业生设计</a>
							</h5>
							<div class="content">
								<a href="" class="cover img-light">
									<img src="image/pc.png" style="width: 100%;">
								</a>
								<strong>以上为创业期间部分项目截图</strong>
							</div>

							<div class="read-more">
								<!-- <a href="read.html" class="fc-black f-fwb">继续阅读</a> -->
							</div>
							<aside class="f-oh footer">
								<div class="f-fl tags">
									<span class="fa fa-tags fs-16"></span>
									<a class="tag">项目经历</a>
								</div>
								<div class="f-fr">
									<span class="read">
										<i class="fa fa-eye fs-16"></i>
										<i class="num">21</i>
									</span>
									<span class="ml20">
										<i class="fa fa-comments fs-16"></i>
										<a href="javascript:void(0)" class="num fc-grey">1</a>
									</span>
								</div>
							</aside>
						</section>
					</article>
				</div>
			</div>
			<!-- <div class="col-other">
				<div class="inner">
					<div class="other-item" id="categoryandsearch">
						<div class="search">
							<label class="search-wrap">
								<input type="text" id="searchtxt" placeholder="输入关键字搜索" />
								<span class="search-icon">
									<i class="fa fa-search"></i>
								</span>
							</label>
							<ul class="search-result"></ul>
						</div>
						<ul class="category mt20" id="category">
							<li data-index="0" class="slider"></li>
							<li data-index="1"><a href="/Blog/Article">全部文章</a></li>
							<li data-index="2"><a href="/Blog/Article/1/">Java</a></li>
							<li data-index="3"><a href="/Blog/Article/2/">前端</a></li>
							<li data-index="4"><a href="/Blog/Article/3/">Python</a></li>
							<li data-index="5"><a href="/Blog/Article/4/">PHP</a></li>
							<li data-index="6"><a href="/Blog/Article/5/">其它</a></li>
						</ul>
					</div>
					<!--右边悬浮 平板或手机设备显示-->
			<!-- <div class="category-toggle"><i class="layui-icon">&#xe603;</i></div>
			<div class="article-category">
				<div class="article-category-title">分类导航</div>
				<a href="/Blog/Article/1/">Java</a>
				<a href="/Blog/Article/2/">前端</a>
				<a href="/Blog/Article/3/">Python</a>
				<a href="/Blog/Article/4/">PHP</a>
				<a href="/Blog/Article/5/">其它</a>
				<div class="f-cb"></div>
			</div> -->
			<!--遮罩-->
			<div class="blog-mask animated layui-hide"></div>
			<!-- <div class="other-item">
				<h5 class="other-item-title">热门文章</h5>
				<div class="inner">
					<ul class="hot-list-article">
						<li> <a href="/Blog/Read/9">SpringBoot 入门爬虫项目实战</a></li>
						<li> <a href="/Blog/Read/12">SpringBoot 2.x 教你快速入门</a></li>
						<li> <a href="/Blog/Read/13">java学习路线</a></li>
						<li> <a href="/Blog/Read/4">基于SpringBoot+JWT+Redis跨域单点登录的实现</a></li>
						<li> <a href="/Blog/Read/7">SpringBoot 中如何使用SwaggerAPI接口文档？</a></li>
						<li> <a href="/Blog/Read/11">小白轻松入门Redis</a></li>
						<li> <a href="/Blog/Read/14">微信一键登录功能的实现</a></li>
						<li> <a href="/Blog/Read/8">NPOI导入导出Excel</a></li>
					</ul>
				</div>
			</div> -->
			<!-- <div class="other-item">
				<h5 class="other-item-title">置顶推荐</h5>
				<div class="inner">
					<ul class="hot-list-article">
						<li> <a href="/Blog/Read/16">java学习路线</a></li>
						<li> <a href="/Blog/Read/14">基于SpringBoot+JWT+Redis跨域单点登录的实现</a></li>
						<li> <a href="/Blog/Read/9">小白轻松入门Redis</a></li>
					</ul>
				</div>
			</div> -->
			<!-- <div class="other-item">
				<h5 class="other-item-title">最近访客</h5>
				<div class="inner">
					<dl class="vistor">
						<dd><a href="javasript:;"><img src="image/a1.png"><cite>Anonymous</cite></a></dd>
						<dd><a href="javasript:;"><img src="image/a4.png"><cite>Dekstra</cite></a></dd>
						<dd><a href="javasript:;"><img src="image/a2.png"><cite>惜i</cite></a></dd>
						<dd><a href="javasript:;"><img src="image/a3.png"><cite>↙Aㄨ计划 ◆莪↘</cite></a></dd>
						<dd><a href="javasript:;"><img src="image/a4.png"><cite>.</cite></a></dd>
						<dd><a href="javasript:;"><img src="image/a1.png"><cite>Lambert.</cite></a></dd>
						<dd><a href="javasript:;"><img src="image/a2.png"><cite>64ღ</cite></a></dd>
						<dd><a href="javasript:;"><img src="image/a3.png"><cite>doBoor</cite></a></dd>
						<dd><a href="javasript:;"><img src="image/a4.png"><cite>毛毛小妖</cite></a></dd>
						<dd><a href="javasript:;"><img src="image/a1.png"><cite>NULL</cite></a></dd>
						<dd><a href="javasript:;"><img src="image/a2.png"><cite>吓一跳</cite></a></dd>
						<dd><a href="javasript:;"><img src="image/a3.png"><cite>如初</cite></a></dd>
					</dl>
				</div>
			</div> -->
		</div>
	</div> -->
	</div>
	</div>
	<!-- <footer class="grid-footer">
		<div class="footer-fixed">
			<div class="copyright">
				<div class="info">
					<div class="contact">
						<a href="javascript:void(0)" class="github" target="_blank"><i class="fa fa-github"></i></a>
						<a href="https://wpa.qq.com/msgrd?v=3&uin=930054439&site=qq&menu=yes" class="qq" target="_blank"
							title="930054439"><i class="fa fa-qq"></i></a>
						<a href="https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=gbiysbG0tbWyuMHw8K-i7uw" class="email"
							target="_blank" title="930054439@qq.com"><i class="fa fa-envelope"></i></a>
						<a href="javascript:void(0)" class="weixin"><i class="fa fa-weixin"></i></a>
					</div>
					<p class="mt05">
						Copyright &copy; 2019-2020 ZQ博客 All Rights Reserved V.3.1.3 Power by ZQ博客
					</p>
				</div>
			</div>
		</div>
	</footer> -->
	<script src="layui/layui.js"></script>
	<script src="js/yss/gloable.js"></script>
	<script src="js/plugins/nprogress.js"></script>
	<script>
		NProgress.start();
	</script>
	<script src="js/yss/article.js"></script>
	<script>
		window.onload = function () {
			NProgress.done();
		};
	</script>
</body>

</html>